<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极速问诊</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/flexible.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <a href="#" class="back">
            <span class="iconfont icon-left"></span>
        </a>
        <h3>极速问诊</h3>
        <a href="#" class="note">问诊记录</a>
    </header>

    <!-- banner区域 -->
    <div class="banner">
        <img src="./assets/entry.png" alt="">
        <p>
            <span>20s</span>
            快速匹配专业医生
        </p>
    </div>

    <!-- 问诊类型 -->
    <ul class="type">
        <li>
            <a href="#">
                <div class="pic">
                    <img src="./assets/type01.png" alt="">
                </div>
                <div class="txt">
                    <h4>三甲图文问诊</h4>
                    <p>三甲主治几以上级别医生</p>
                </div>
                <span class="iconfont icon-right"></span>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="pic">
                    <img src="./assets/type02.png" alt="">
                </div>
                <div class="txt">
                    <h4>普通图文问诊</h4>
                    <p>二甲主治几以上级别医生</p>
                </div>
                <span class="iconfont icon-right"></span>
            </a>
        </li>
    </ul>
</body>

</html>